body, html{
    padding: 0;
    margin: 0;
    height: 100%;
    /* 顶部的样式 */
    .mint-header {
        background: #49CB5F;
        font-size: 18px;
        max-width: 100%;
    }

    //indicator提示框的层级极高
    .mint-indicator-wrapper{
        z-index: 10000;
    }
    //navbar的字体大小 即 点餐 优惠卷
    .mint-navbar{      
        .mint-tab-item{
            .mint-tab-item-label{
                font-size: 20px;
            }
        }
    }

    a{
        text-decoration: none;
    }
    ul{
        list-style: none;
    }
    /* 组件的一些样式  比如宽度的最大值 */
    #main{
        width: 100%;
        height: 100%;
        max-width: 980px;
        overflow: hidden;
        /* 空空如也 样式 */
        //订单 购物车
        .emplty{
            position: absolute;
            top: 50%;
            margin-top: -50%;
            width: 100%;
            .text{
                text-align: center;
                font-size: 40px;
                color: #ccc;
                margin-top: 20px;
            }
            svg{
                width: 100%;
            }   
        }

        //商店里面的
        .emplty-con{
            position: relative;
            left: 0;
            bottom: 0;
            height: 100%;
            width: 100%;
            z-index: -1;
            .emplty-cneter{
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                margin-top: 20px;
            }
        }
        /* 空空如也 */
        /*这里是 我的 和个人中心的列表样式 什么我的会员 修改密码 样式*/
        .person-list-option{
            overflow: hidden;
            .person-opation{

                .icon{
                    width: 50px;
                    height: 35px;
                    float: left;
                    svg{
                        width: 100%;
                    }
                }
            }
        }
        /*这里是 我的 和个人中心的列表样式 什么我的会员 修改密码 样式*/
        
        
        /*商家优惠卷的样式*/
         .bossWrap{
            padding-top: 210px;
            .boss-button{
                margin-top: 15px;
            }
            .boss-coupon-list{
                padding-top: 15px;
            }
        }
        /*商家优惠卷的样式*/
        /*详情区域*/
        //详情区域
        .goodInfoWrap{
            margin-top: 220px;
            overflow: hidden;
            .good-info{
                height: 100%;
                overflow-y: auto;
                .good-info-list{
                    > div{
                        .title{
                            padding: 5px 10px;
                            display: flex;
                            height: 40px;
                            line-height: 40px;
                            border-bottom: 1px solid #cccccc;
                            .name{
                                font-size: 20px;
                            }
                        }
                        .sell-content{
                            display: flex;
                            padding: 10px 0;
                        }
                    }
                }
                .sell-title{
                    font-size: 25px;
                    text-align: center;
                    padding: 5px 0;
                    color: #fff;
                    background-color: #49CB5F;
                }
                .sell-info{
                    .title{
                        .shop-price-ad{
                            display: flex;
                            margin-left: 50px;
                            .shop-price{
                                font-size: 18px;
                            }
                            .shop-option{
                                margin-left: 20px;
                                display: flex;
                                span{
                                    display: block;
                                    height: 30px;
                                    width: 30px;
                                    margin-right: 5px;
                                    text-align: center;
                                    font-size: 25px;
                                    line-height: 30px;
                                    border-radius: 50%;
                                    margin-top: 5px;
                                    background-color: #49CB5F;
                                }
                            }
                        }
                    }
                    .sell-content{
                        p{
                            margin-left: 25px;
                            font-size: 17px;
                        }
                    }
                }
                .sell-decr{
                    .sell-content{
                        p{
                             margin-left: 25px;
                             line-height: 30px;
                        }
                    }
                }
                .sell-commit{
                    margin-bottom: 100px;
                    .title{
                        justify-content: space-between;
                    }
                    .sell-content{
                        > div{
                            display: flex;
                            margin-left: 25px;
                            .hImg{
                                margin-right: 10px;
                                > img{
                                    width: 30px;
                                    height: 30px;
                                    border-radius: 50%;
                                }
                            }
                            .info{
                                display: flex;
                                flex-direction: column;
                                .uname{
                                    font-size: 15px;
                                    padding: 2px 0;
                                    span{
                                        float: right;
                                        color: red;
                                    }
                                }
                                .commit{
                                    font-size: 12px;
                                    padding-right: 20px;
                                    line-height: 20px;
                                }
                            }
                        }
                    }
                    .noCommit{
                        text-align: center;
                        margin-top: 20px;
                        font-size: 20px;
                    }
                }

            }
        }

        /*详情区域*/


        /*订单的包裹状态 以及申请理由*/
        .order-title{
            color: #49CB5F;
            margin: 10px 0;
            span{
                color: red;
            }
        }
        /*订单的包裹状态 以及申请理由*/
    }
    //单行文本超出显示省略号
    .nowrap{
        max-width: 100px;

        overflow:hidden;
        text-overflow:ellipsis; 
        white-space: nowrap;
    }
}

//所有的样式
*{
    margin: 0;
    padding: 0;
    touch-action: pan-y;
}

//右进左出的动画
.rIn-enter{
    opacity: 0;
    transform: translateX(100%);
}

.rIn-leave-to{
    opacity: 0;
    transform: translateX(-100%);
    position: absolute;
}
.rIn-enter-active,
.rIn-leave-active{
    transition: all 0.5s;
}


//左进右出
.lIn-enter{
    opacity: 0;
    transform: translateX(-100%);
}

.lIn-leave-to{
    opacity: 0;
    transform: translateX(100%);
    position: absolute;
}
.lIn-enter-active,
.lIn-leave-active{
    transition: all 0.5s;
}

//上往下
.tIn-enter{
    opacity: 0;
    transform: translateY(-100%);
}

.tIn-leave-to{
    opacity: 0;
    transform: translateY(100%);
    position: absolute;
}
.tIn-enter-active,
.tIn-leave-active{
    transition: all 0.5s;
}




